<template>
    <div class="task-item3">
        <ul>
            <li v-for="item in dataarr">
                <div class="item">
                    <div class="item1" @click="detail(item.system_order_no)">
                        <div class="left">
                            <h1 class="font-normal font-color-normal">订单编号：{{item.system_order_no}}</h1>
                        </div>
                        <div class="right">
                            <span class="more"></span>
                        </div>
                    </div>
                    <div class="text">
                        <h1 class="font-small font-color-normal">
                            <span class="quan-span">取</span>{{item.shop_address}}
                            <span class="font-color-shallow right-name">{{item.shop_name}}</span>
                        </h1>
                        <h1 class="font-normal font-color-normal no-line"><span class="quan-span red">送</span>{{item.receiver_address}}</h1>
                    </div>
                </div>
            </li>
        </ul>
        
    </div>
</template>

<script>
export default {
    props:{
        dataarr:{
            type:Array,
            default:[]
        }
    },
    data(){
        return{
          shopInfo:'空'
        }
    },
    mounted(){
        
    },
    methods:{
        detail(id){
            this.$router.push('/detail3/'+id)
        }
    }
}
</script>

<style lang="stylus" scoped>
.task-item3
    margin-bottom 20px
    .item
        background #ffffff
        margin-bottom 10px
        .item1
            padding 15px 10px
        .text
            h1
                line-height: 35px
                padding: 5px 10px
                border-bottom: 1px solid #eee
                &.no-line
                    border-bottom none
                .right-name
                    float right
                .quan-span 
                    padding: 5px 7px
                    background: #0093f9
                    color: #fff
                    border-radius: 50%
                    margin-right: 5px
                    font-size 12px
                    &.red
                        background #f94c00
</style>